/* 修改TabPane的Pane区域背景颜色 */
.tab-pane {
    -fx-background-color: -fx-main-background-color;
}

/* 修改Tab的背景颜色 */
.tab {
    -fx-background-color: -fx-main-background-color;
}

/* 修改顶栏的背景颜色 */
.tab-pane > *.tab-header-area > *.tab-header-background {
    -fx-background-color: -fx-main-border-color, -fx-main-border-color, -fx-main-border-color;
}

/* 修改Tab中文本的颜色 */
.tab-label {
    -fx-text-fill: -fx-main-font-color;
}

/* 子代选择器，Tab选中的时候选择其子元素tab-label */
.tab:selected .tab-label {
    -fx-text-fill: -fx-main-font-color;
}

/* tab选中时设置背景颜色 */
.tab:selected {
    -fx-background-color: -fx-highlight-color;
}

/* Tab选中的时候选中其边框并修改样式 */
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-radius: 0px;
    -fx-border-width: 1px 1px 1px 1px;
    -fx-border-color: derive(-fx-highlight-color, 40%);
}